import Vue from 'vue'
import App from './App.vue'
import './mock'
import VueRouter from 'vue-router'   // 引入vue-router
import RightPanel from './components/RightPanel'
import Animation from "./components/Animation";
import FlexDemo from "./components/FlexDemo";
import ElementUI from 'element-ui';  // 引入组件
import 'element-ui/lib/theme-chalk/index.css'; // 引入样式

Vue.config.productionTip = false
Vue.use(VueRouter)
Vue.use(ElementUI)


// 配置路由表, 定义一个数组变量routes，名字可以任意取
const routes = [{
  path: '/tab0',           // 地址
  name: 'tab0',            // 名字
  component: Animation     // 组件
}, {
  path: '/tab1',            // 地址
  name: 'tab1',             // 名字
  component: RightPanel     // 组件
}, {
  path: '/tab2',            // 地址
  name: 'tab2',             // 名字
  component: FlexDemo       // 组件
}]

// 初始化VueRouter对象
const router = new VueRouter({
  routes: routes           // 路由表
})

new Vue({
  render: h => h(App),
  router: router
}).$mount('#app')


